// ------------------------------ 切换两个盒子 -------------------------------
$('.box a').on('click', function () {
    // $(this) 表示 a
    // $(this).parents('.box')  表示当前的盒子
    $(this).parents('.box').hide().siblings().show();
  })
  
  
  // ----------------------------- 表单验证 ----------------------------------
  // 验证 username 不能为空  长度 2~10位
  // 验证 password 不能为空  长度 6~15位
  function test() {
    return {
      fields: {
        username: { // 这里username是 input 的name属性值，表示对这个输入框进行验证
          validators: {
            notEmpty: {   //不能为空
              message: '用户名不能为空.'
            },
            stringLength: {   //检测长度
              min: 2,
              max: 15,
              message: '用户名需要2~15个字符'
            }
          }
        },
        password: {
          validators: {
            notEmpty: {
              message: '密码不能为空'
            },
            stringLength: {   //检测长度
              min: 6,
              max: 15,
              message: '密码需要6~15个字符'
            }
          }
        }
      }
    }
  }
  
  // ----------------------------- 注册 功能 ----------------------------------
  // 前端：按照接口要求，提交 username 和 password
  $('.register form').bootstrapValidator(test()).on('success.form.bv', function (e) {
    e.preventDefault();
    // 通过验证，这里的代码将会执行。我们将Ajax请求的代码放到这里即可
    // console.log('通过验证，注册')
    let data = $(this).serialize(); // 'username=xxx&password=yyy';
    // console.log(data);
    axios.post('/api/register', data).then(result => {
      // console.log(result.data); // 真正的，服务器响应的结果  { code: 0, message: '注册成功' }
      if (result.data.code === 0) { // 注册成功
        toastr.success(result.data.message); // 提示
        $('.login').show().siblings().hide(); // 显示登录的盒子
        $('.register input').val(''); // 清空输入框
      }
    });
  });
  
  
  // ----------------------------- 登录 功能 ----------------------------------
  // 前端：按照接口要求，提交 username 和 password
  $('.login form').bootstrapValidator(test()).on('success.form.bv', function (e) {
    e.preventDefault();
    // 通过验证，这里的代码将会执行。我们将Ajax请求的代码放到这里即可
    // console.log('通过验证，登录')
    let data = $(this).serialize();
    // console.log(data);
    axios.post('/api/login', data).then(({ data: res }) => {
      if (res.code === 0) {
        // 登录成功，存储token
        // localStorage.setItem('名', '值');
        localStorage.setItem('token', res.token);
        location.href = './index.html'; // 登录成功，跳转到 index.html ；路径看两个html文件的关系
      }
    });
  });